@extends('pc_home.commonOut')
@section('title')
    <script type="text/javascript" src="{{ asset('home/js/list.js') }}"></script>
    <script src="{{ asset('js/jquery.superslide.2.1.1.js') }}"></script>
@endsection
@section('content')
    <div class="am-g zhubo-banner">
        <div class="zb-banner-bg">
            @if($tag->background_image)
                <img src="{{route('image', [$tag->background_image, '1920x780'])}}" />
            @else
                <img src="{{asset('images/zhubo/banner-bg.jpg')}}" />
            @endif
        </div>
        <div class="zb-b-bg-shade"></div>
        <div class="am-g content">
            <!--shipin-->
            <!--<a href="" class="zb-shipin">-->
            <!--<video width="800" height="">
                        <source src="{{ asset('myvideo.mp4" type="video/mp4') }}"></source>
                        <source src="{{ asset('myvideo.ogv" type="video/ogg') }}"></source>
                        <source src="{{ asset('myvideo.webm" type="video/webm') }}"></source>
                        <object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf">
                            <param name="movie" value="myvideo.swf" />
                            <param name="flashvars" value="autostart=true&amp;file=myvideo.swf" />
                        </object>

                    </video>-->
            <!--</a>-->

            <!--<轮播图-->
            <div class=" zb-shipin zb-tu-lunbo">
                <div class="zb-tu-lb-ul">
                    <ul>
                        <li>
                            <a href="">
                                <img src="{{ asset('images/hot-holder-1.jpg') }}" />
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="{{ asset('images/hot-holder-1.jpg') }}" />
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="{{ asset('images/hot-holder-1.jpg') }}" />
                            </a>
                        </li>
                    </ul>
                    <a class="prev" href="javascript:void(0)"></a>
                    <a class="next" href="javascript:void(0)"></a>
                </div>

            </div>

            <script type="text/javascript">
                $(document).ready(function() {

                    /* 图片滚动效果 */

                    $(".zb-tu-lunbo").slide({

                        titCell: "",

                        mainCell: ".zb-tu-lb-ul ul",

                        autoPage: true,

                        effect: "leftLoop",

                        autoPlay: true,

                        vis: 1,
                        scroll: 1

                    });

                });
            </script>
            <div class="zb-ziliao">
                <div class="zb-zl-top">
                    <div class="zb-zl-touxiang">
                        <div class="zb-zl-tx-icon">
                            <img src="{{ $anchor->avatar }}" />
                        </div>
                    </div>
                    <div class="zb-redu">
                        <span class="huoyan"></span>
                        <span>{{ $anchor->online }}℃</span>
                    </div>
                </div>

                <div class="zb-zl-content" style="height: 232px;">
                    <p>昵称：<span>{{ $anchor->name }}</span></p>
                    <p>房间名：<span>{{ $anchor->room_name }}</span></p>
                </div>
                <div class="zb-zl-share">
                    <button>喜欢</button>
                    <div class="zbd-view">
                        <ul>
                            <li>
                                <a class="zbd-weixin"></a>
                            </li>
                            <li>
                                <a class="zbd-xl"></a>
                            </li>
                            <li>
                                <a class="zbd-tx"></a>
                            </li>
                            <li>
                                <a class="zbd-db"></a>
                            </li>
                            <li>
                                <a class="zbd-qq"></a>
                            </li>
                        </ul>
                        <div class="zbd-v-guanzhu zbl-v-guangzhu">
                            <div class="zbd-v-gz-c">
                                <div class="title">扫一扫 关注微信公众号</div>
                                <div class="ewm">
                                    <img src="{{ asset('images/wxerweima.jpg') }}" />
                                </div>
                                <p>关注即可了解主播动态</p>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div class="am-g am-width">
        <div class="am-u-sm-12 am-u-sm-centered nl-width">
            <div class="am-u-sm-8" style=" width: 793px;">
                <div class="am-g ">
                    <div class="am-u-sm-4 table-l">
                        <h2>主播时间 </h2>
                        <span>THE HOST OF TIME</span>
                    </div>
                    <div class="am-u-sm-8 table-t">
                        <ul>
                            <li>
                                <a href="">主播新闻</a>/
                            </li>
                            <li>
                                <a href="">主播视频 </a>
                            </li>
                        </ul>
                    </div>
                </div>
                @each('inc.each.archive', $archives, 'archive')
                {{ $archives->links() }}

                <!--主播视频-->
                <div class="am-g hide" style="padding-top: 10px;">
                    <ul class="pbtn">
                        <li>
                            <a href="">
                                <div class="v-lost">
                                    <div class="v-lost">
                                        <img src="{{ asset('images/banner-1.jpg') }}"  class="pbtn-p">
                                        <div class="btn-pic" style="height: 145px;"><img src="{{ asset('images/v-btn.png') }}"></div>

                                    </div>
                                    <div style="margin-top: 10px;border-bottom: 1px solid #DDDDDD;overflow: hidden;padding-left: 10px;">
                                        <dl class="tab-block-r-ul">
                                            <dt style="background: #006633;"><a href="">守望先锋</a></dt>
                                            <dt style="background: #006633;"><a href="">守望先锋</a></dt>
                                            <dt style="background: #006633;"><a href="">守望先锋</a></dt>
                                        </dl>
                                    </div>

                                    <div class="v-lost v-lost-h">
                                        <h2>赛特：走下神坛的召唤命运坎坷！</h2>
                                        <p><span class="v-lost-l"><img src="{{ asset('images/rt1.jpg') }}">李雷</span>
                                            <span class="v-lost-r"><img src="{{ asset('images/rd.jpg') }}">1000w</span></p>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            @include('inc.list-recommend')
        </div>
    </div>

    <!--banner-->
@endsection

@section('scripts')
@endsection